<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src = "https://cdnjs.cloudflare.com/ajax/libs/echarts/4.3.0/echarts.min.js"></script>
</head>
<body>
<div  id = 'exgirl1' style = 'width: 1000px;height: 400px;border:3px solid #ff0000' > </div>
</body>
<script type = text/javascript>
    var myEcharts = echarts.init(document.getElementById('exgirl1'));
    var option = {
        title :{text:'APP在线全部用户'},
        tooltip: {
            trigger: 'axis', axisPointer:{type: 'shadow'}
        },
        legend:{data:['用户数量', '2012年']},
        xAxis: {type: 'value', boundaryGap:[0, 0.01]},
        yAxis:{data:['流失用户','回流用户','连续活跃用户','新用户','活跃用户',],type: 'category' },
        series:[{name:'用户数量', type: 'bar', data:[183472, 6546, 524, 91, 0]},]

    };
    myEcharts.setOption(option);

</script>
</html>